<template>
  <div class="industry-eco-container">
    <ChooseList
      :chooseData="chooseData"
      @componentChange="
        (comp) => {
          this.component = comp;
        }
      "
    />
    <component :is="component" />
  </div>
</template>

<script>
import ChooseList from "../../../components/common/ChooseList.vue";
import banner from "./banner.vue";
import recommend from "./recommend.vue";
import service from "./service.vue";
export default {
  components: {
    ChooseList,
    banner,
    recommend,
    service,
  },
  data() {
    return {
      chooseData: [
        {
          title: "banner设置",
          component: banner,
        },
        {
          title: "推荐设置",
          component: recommend,
        },
        {
          title: "热门服务设置",
          component: service,
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
// @import "../../../styles/componentCommon.scss";
.industry-eco-container {
  padding: 20px;
  display: flex;
}
</style>
